.reset-dialog {
    background: linear-gradient(180deg, #f1fff1 4%, #ffffff 12%);
    .title {
        background-image: url("https://bullet001.oss-cn-shanghai.aliyuncs.com/file/payManager5cf479cf-f07e-42bb-82bb-2082d7fdc7e6.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        padding: 0 50rpx;
    }
    .desc {
        height: 600rpx;
        overflow-y: scroll;
    }
    .weui-half-screen-dialog__bd {
        padding-bottom: 20rpx;
    }
    .weui-half-screen-dialog__ft {
        padding-bottom: 0;
    }
}
.custom-title {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 3000;
}
.text-box {
    background-color: #f8f9fd;
    border-radius: 16rpx;
    color: #6b6b86;
    padding: 20rpx 16rpx;
    font-size: 24rpx;
}
.button-box {
    padding-bottom: 20rpx;
    .button-1 {
        background: #dee0e3;
        color: #565868;
        font-size: 32rpx;
        padding: 30rpx 0;
        border-radius: 16rpx;
        font-weight: bold;
    }
    .button-2 {
        @extend .button-1;
        background-color: #00d679;
        color: #fff;
    }
}
.header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    .header-image {
        width: 100%;
        height: 365rpx;
    }
}
.input-box {
    padding: 20rpx 0;
    background: #f6f8fb;
    &.fixed {
        position: fixed;
        left: 32rpx;
        width: calc(100vw - 64rpx);
        z-index:999;
    }
    .input-container {
        position: relative;
        width: 100%;
    }
    .search-icon {
        width: 28rpx;
        height: 28rpx;
        position: absolute;
        left: 20rpx;
        top: 36rpx;
        z-index: 100;
    }
    .search {
        padding: 26rpx 24rpx 26rpx 60rpx;
        background: #fff;
        border-radius: 20rpx;
        font-size: 28rpx;
    }
}

.container {
    background: #f6f8fb;
    min-height: 100vh;
}
.content-container {
    margin-top: 360rpx;
    padding: 0 32rpx;
    box-sizing: border-box;
    font-size: 28rpx;
    margin-bottom: 220rpx;
}
.fc-gray {
    color: #9497b1;
}
.item-box {
    border: 2rpx solid #fff;
    border-radius: 24rpx;
    margin-bottom: 24rpx;
    overflow: hidden;
    .item-header {
        background: linear-gradient(
            90deg,
            rgba(174, 253, 216, 0.2) 0%,
            rgba(218, 249, 233, 0.2) 100%
        );
        padding: 30rpx 24rpx 60rpx 30rpx;
        position: relative;
    }
    .item-header-bg {
        position: absolute;
        right: 34rpx;
        top: 7rpx;
        width: 96rpx;
        height: 115rpx;
    }
    .item-body {
        margin-top: -30rpx;
        background: #fff;
        border-radius: 24rpx;
        padding: 24rpx 26rpx;
        position: relative;
        z-index: 100;
    }
    .item-name {
        min-width: 5em;
    }
    .box-gray {
        background: #f8f9fd;
        padding: 20rpx 16rpx;
        border-radius: 12rpx;
    }
}
.button-add-box {
    position: fixed;
    bottom: 100rpx;
    border-radius: 48rpx;
    height: 96rpx;
    line-height: 96rpx;
    color: #fff;
    padding: 0 16rpx;
    background: linear-gradient(90deg, #00d679 0%, #00bc76 100%);
    box-shadow: 0px 6px 24px 0px rgba(0, 73, 48, 0.36);
    left: 50%;
    z-index: 2000;
    transform: translateX(-50%);
    .add-icon {
        width: 64rpx;
        height: 64rpx;
        border-radius: 32rpx;
        background-color: #fff;
        color: #00bc76;
        font-size: 40rpx;
    }
}
.no-data {
    display: block;
    width: 288rpx;
    height: 180rpx;
    margin: 310rpx auto 36rpx;
}
.status-0 {
    color: #fff;
    background: #00D679;
    padding: 2rpx 10rpx;
    border-radius: 8rpx;
}
.status-1 {
    @extend .status-0;
    background: #FF7E68;
}